<template>
  <div id="app">
    <!-- <div> 递归组件</div> -->
    <div class="fl">
        <h3>递归组件</h3>
       <Child :list="list"></Child>
    </div>
    <!-- Vue动画<router-view/> -->
    <!-- 图片上传 用element-ui -->
    <div class="fr">
      <!-- <Upload></Upload> -->
    </div>
  </div>
</template>

<script>
import Child from './components/Child.vue'
// import Upload from './components/Upload.vue'
export default {
  name: 'App',
  components:{
    Child
    // ,Upload
  },
   data () {
    return {
      list: [
        {
          name: '黄焖鸡米饭111111111',
          clist: [
            { name: '二级黄焖鸡' },
            {
              name: 'one chicken',
              clist: [
                { name: '三级黄焖鸡3333', clist: [{ name: '四级黄焖鸡' }] }
              ]
            }
          ]
        },
        { name: '2222222222' },
        {
          name: '黄焖鸡米饭33333333',
          clist: [{ name: '二级黄焖鸡' }, { name: 'one chicken' }]
        }
      ]
    }
  }
}
</script>

<style>
.fr{
  display: inline-block;
  margin-left: 200px;
}
.fl{
  float:left
}
</style>
